<!DOCTYPE html>
<html>

<head>
<title>DWV DICOM jpg2000 Check</title>
<meta charset="UTF-8">
<meta name="description" content="DICOM Web Viewer (DWV) simple version">
<meta name="keywords" content="DICOM,HTML5,JavaScript,medical,imaging,DWV">
<!-- Style -->
<style type="text/css">
body { font-family: Arial, Helvetica, sans-serif; }
.snapshot {
    float: left; margin: 5px;
    max-width: 200px; max-height: 200px;
}
.layerContainer {
    float: left; margin: 5px;
    width: 200px; height: 200px;
}
.doc { float: left; margin: 5px; }
.path {
  border-bottom: 1px dashed #999;
  text-decoration: none;
}
.key {
    color: #999;
}
.separator { clear: both; }
.footer {
    margin-top: 15px; padding: 5px;
    background-color: #ccc;
}
</style>
<!-- Third party (dwv) -->
<script type="text/javascript" src="../../ext/modernizr/modernizr.js"></script>
<!-- Third party (load) -->
<script type="text/javascript" src="../../decoders/pdfjs/jpx.js"></script>
<script type="text/javascript" src="../../decoders/pdfjs/util.js"></script>
<script type="text/javascript" src="../../decoders/pdfjs/arithmetic_decoder.js"></script>
<!-- Local -->
<script type="text/javascript" src="../../src/app/application.js"></script>
<script type="text/javascript" src="../../src/app/viewController.js"></script>
<script type="text/javascript" src="../../src/dicom/dicomParser.js"></script>
<script type="text/javascript" src="../../src/dicom/dictionary.js"></script>
<script type="text/javascript" src="../../src/gui/filter.js"></script>
<script type="text/javascript" src="../../src/gui/generic.js"></script>
<script type="text/javascript" src="../../src/gui/help.js"></script>
<script type="text/javascript" src="../../src/gui/html.js"></script>
<script type="text/javascript" src="../../src/gui/info.js"></script>
<script type="text/javascript" src="../../src/gui/layer.js"></script>
<script type="text/javascript" src="../../src/gui/loader.js"></script>
<script type="text/javascript" src="../../src/gui/style.js"></script>
<script type="text/javascript" src="../../src/gui/tools.js"></script>
<script type="text/javascript" src="../../src/gui/undo.js"></script>
<script type="text/javascript" src="../../src/image/decoder.js"></script>
<script type="text/javascript" src="../../src/image/dicomBufferToView.js"></script>
<script type="text/javascript" src="../../src/image/filter.js"></script>
<script type="text/javascript" src="../../src/image/geometry.js"></script>
<script type="text/javascript" src="../../src/image/image.js"></script>
<script type="text/javascript" src="../../src/image/luts.js"></script>
<script type="text/javascript" src="../../src/image/view.js"></script>
<script type="text/javascript" src="../../src/utils/thread.js"></script>
<script type="text/javascript" src="../../src/image/dicomBufferToView.js"></script>
<script type="text/javascript" src="../../src/io/urlsLoader.js"></script>
<script type="text/javascript" src="../../src/io/dicomDataLoader.js"></script>
<script type="text/javascript" src="../../src/math/bucketQueue.js"></script>
<script type="text/javascript" src="../../src/math/matrix.js"></script>
<script type="text/javascript" src="../../src/math/point.js"></script>
<script type="text/javascript" src="../../src/math/scissors.js"></script>
<script type="text/javascript" src="../../src/math/shapes.js"></script>
<script type="text/javascript" src="../../src/math/stats.js"></script>
<script type="text/javascript" src="../../src/math/vector.js"></script>
<script type="text/javascript" src="../../src/tools/toolbox.js"></script>
<script type="text/javascript" src="../../src/tools/undo.js"></script>
<script type="text/javascript" src="../../src/tools/windowLevel.js"></script>
<script type="text/javascript" src="../../src/utils/browser.js"></script>
<script type="text/javascript" src="../../src/utils/progress.js"></script>
<script type="text/javascript" src="../../src/utils/string.js"></script>

<!-- Local -->
<script type="text/javascript" src="appgui.js"></script>

<!-- Launch the app -->
<script type="text/javascript">
// launch when page is loaded
document.addEventListener("DOMContentLoaded", function (/*event*/)
{
    dwv.addDataLine("dwv0", "osirix-cerebrix", {
        'origin': 'Osirix',
        'path': 'CEREBRIX/Neuro Crane/Axial_T1 - 5352/IM-0001-0100.dcm',
        't-syntax': '1.2.840.10008.1.2.4.91 (jpeg2000)',
        'modality': 'SC', 'photo': 'MONOCHROME2',
        'bits': '16-16-15', 'pixel-vr': 'OW',
    });
    dwv.addDataLine("dwv1", "nema-ct1_j2ki", {
        'origin': 'Nema WG04',
        'path': 'compsamples_j2k/IMAGES/J2KI/CT1_J2KI',
        't-syntax': '1.2.840.10008.1.2.4.91 (jpeg2000)',
        'modality': 'CT', 'photo': 'MONOCHROME2',
        'bits': '16-16-15', 'pixel-vr': 'OB',
    });
    dwv.addDataLine("dwv2", "nema-us1_j2ki", {
        'origin': 'Nema WG04',
        'path': 'compsamples_j2k/IMAGES/J2KI/US1_J2KI',
        't-syntax': '1.2.840.10008.1.2.4.91 (jpeg2000)',
        'modality': 'US', 'photo': 'YBR_ICT (planar=0)',
        'bits': '8-8-7', 'pixel-vr': 'OB',
    });
    dwv.addDataLine("dwv3", "nema-nm1_j2kr", {
        'origin': 'Nema WG04',
        'path': 'compsamples_j2k/IMAGES/J2KR/NM1_J2KR',
        't-syntax': '1.2.840.10008.1.2.4.90 (jpeg2000)',
        'modality': 'NM', 'photo': 'MONOCHROME2',
        'bits': '16-16-15', 'pixel-vr': 'OB',
    });
    dwv.addDataLine("dwv4", "nema-vl2_j2kr", {
        'origin': 'Nema WG04',
        'path': 'compsamples_j2k/IMAGES/J2KR/VL2_J2KR',
        't-syntax': '1.2.840.10008.1.2.4.90 (jpeg2000)',
        'modality': 'OT', 'photo': 'YBR_RCT (planar=0)',
        'bits': '8-8-7', 'pixel-vr': 'OB',
    });
});
</script>
</head>

<body>

<div id="data-lines"></div>

<div class="footer">
<p>Data sources:</p>
<ul>
<li>Osirix <a href="http://www.osirix-viewer.com/datasets/">datasets</a></li>
<li>Nema WG04 (jpeg2000) <a href="ftp://medical.nema.org/MEDICAL/Dicom/DataSets/WG04/">dataSets</a></li>
</ul>
<p>The left image is created with DWV, the right one is a snapshot
generated using <a href="https://www.synedra.com">Synedra</a> View Personnal.</p>
</div>

</body>
</html>
